<script setup lang='ts'>
</script>

<template>
  <div>
    <div class="flex bg-white w-[968px] relative">
      <img class="min-w-[968px] h-[618px]" src="@/assets/product/chart.png" alt="">
      <!-- v-on:dragging="resize($event)" -->
      <div class="absolute top-0 bottom-0 left-0 right-0">
        <vue-drag-resize :isActive="true" :isDraggable="true" :isResizable="true" v-on:resizing="resize"
          :aspectRatio='false' :parentLimitation="true" :minh="10" :minw="10" :z="9999999999999" :x="100" :y="100" :w="50"
          :h="50">
          <!-- <div class="cursor-pointer wx_border" :style="'width:' + item.w + 'px;height:' + item.h + 'px;'"></div> -->
          <div class="w-[86px] h-[56px] whitespace-nowrap hover:cursor-move flex justify-center items-center"
            style="background: rgba(0, 175, 18, 0.05);border: 1px solid #00AF12;opacity: 1;">拉取框</div>
        </vue-drag-resize>
      </div>
    </div>
  </div>
</template>

<style lang='scss' scoped></style>
